<!DOCTYPE html>
<html class="loginHtml" lang="cn" xmlns:th="http://www.thymeleaf.org">
<!--使用thymleaf必须加这个-->
<head>
	<meta charset="utf-8">
	<title>用户登录</title>
	<!--网页的图标-->
	<link rel="stylesheet" href="../layui/css/layui.css" th:href="@{/layui/css/layui.css}" media="all"/>
	<link rel="stylesheet" href="../css/public.css" th:href="@{/css/public.css}" media="all"/>
	<style>
		.layui-form-switch {
			position: relative;
			height: 20px;
			line-height: 20px;
			min-width: 35px;
			padding: 0 5px;
			margin-top: 0px;
			margin-left: 10px;
		}
	</style>
</head>
<body class="loginBody">
	<form class="layui-form" >
		<!--头像-->
		<div class="login_face"><img src="../img/head.png" th:src="@{/img/head.png}"  class="userAvatar" style="width: 100%;height: 100%"></div>
		<div class="layui-form-item input-item">
			<label for="userName">用户名</label>
			<input type="text" placeholder="请输入用户名" autocomplete="off" id="username" name="username" class="layui-input" lay-verify="required">
		</div>
		<div class="layui-form-item input-item">
			<label for="password">密码</label>
			<input type="password" placeholder="请输入密码" autocomplete="off" id="password" name="password"   class="layui-input" lay-verify="required">
		</div>
		<div class="layui-form-item input-item" id="imgCode">
			<label for="code">验证码</label>
			<input type="text" placeholder="请输入验证码" autocomplete="off" id="code" name="code"  class="layui-input">
			<img src="home/getCode" th:src="@{/home/getCode}" onclick="changeCode()" id="codeImg">

		</div>
		<div class="layui-form-item">
			<button  class="layui-btn" lay-submit="" lay-filter="login" style="width:45%;">登录</button>
			<button type="button" class="layui-btn" id="register" style="width: 45%;float: right;" >注册</button>
		</div>
		<div class="layui-form-item" style="position: relative;line-height: 24px;height: 24px;">
			<span style="height: 24px;float: left;">记住密码</span>
			<input type="checkbox" value="0" id="check" lay-skin="switch" lay-text="是|否" >
			<a id="pwdReturn" style="float: right;height: 24px;">忘记密码</a>
		</div>
	</form>
	<script type="text/javascript" src="layui/layui.js" th:src="@{/layui/layui.js}" ></script>
	<script type="text/javascript" src="js/login.js" th:src="@{/js/login.js}"></script>
</body>
</html>